<template>
  <div>
    <!-- <el-dialog v-model="centerDialogVisible" title="Warning" width="30%" center top="35vh">
      <span>
        <el-icon :size=25 clas='warnIcon'>
          <WarningFilled color="#E6A23C" />
        </el-icon>您确定要删除当前用户吗？
      </span>
      <template #footer>
        <span class="dialog-footer">
          <el-button @click="centerDialogVisible = false">取消</el-button>
          <el-button type="primary" @click="centerDialogVisible = false">确定</el-button>
        </span>
      </template>
    </el-dialog> -->

  <el-dialog v-model="centerDialogVisible" title="Warning" width="30%" center>
    <span
      >It should be noted that the content will not be aligned in center by
      default</span
    >
    <template #footer>
      <span class="dialog-footer">
        <el-button @click="centerDialogVisible = false">Cancel</el-button>
        <el-button type="primary" @click="centerDialogVisible = false"
          >Confirm</el-button
        >
      </span>
    </template>
  </el-dialog>

  </div>
</template>


<script>
import { Edit, DeleteFilled, Setting, ArrowRight, Search, WarningFilled } from '@element-plus/icons-vue'
import { ref, reactive } from 'vue'
import { deleteUser } from "../../../api/user.js";
const centerDialogVisible = ref(false)


</script>


<style scoped>
.dialog-footer button:first-child {
  margin-right: 10px;
}
</style>